<template>
  <div class="recharge">
    <img src="@/assets/chongzhi1.png" class="top-img" alt="">
    <p class="tip">充值完成</p>
    <p class="recharge-price">
      <span class="left"><em>+{{recharge_money}}</em>元，</span>
      <span class="right">获赠{{recharge_money}}元</span>
    </p>
    <span class="return-btn" @click="router({path: './rechargeSucess'})">返回</span>
    <p class="return-tip">订单可在“个人中心-充值记录”中查看</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      is_num: 1,
      recharge_money: "",
    }
  },
  created () {
    this.recharge_money = this.$route.query.recharge_money
  },
  methods: {    
    router (path) {
      this.$router.push(path)
    },
    item_click (index) {
      this.is_num = index
    }
  }
}
</script>
<style lang="stylus" scoped>
.recharge
  .top-img
    margin-top 8.2rem
  .tip
    text-align center
    font-size 1.5rem
    color #333
    margin-top 2rem
  .recharge-price
    font-size 1.5rem
    text-align center
    margin-top 1.5rem
    .left
      color #333
      em
        font-size 4rem
        color #333
        font-weight bold
    .right
      color #FE9700
  .return-btn
    border-radius 100px
    border 1px solid #43A047
    font-size 1.5rem
    line-height 3.6rem
    height 3.6rem
    width 18rem
    position fixed
    text-align center
    bottom 7.3rem
    left 50%
    color #43A047
    margin-left -9rem
  .return-tip
    position fixed
    bottom 4rem
    text-align center
    font-size 1.3rem
    color #999
    width 100%
</style>